<template>
    <el-container class="container">
        <el-header>
            <div class="logo">vuecms</div>
            <el-dropdown>
                <i class="el-icon-setting" style="margin-right: 15px"></i>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item>查看</el-dropdown-item>
                    <el-dropdown-item>新增</el-dropdown-item>
                    <el-dropdown-item>删除</el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
            <span class="userinfo">linxb</span>
        </el-header>
        <el-container>
            <div class="aside">
                <el-aside>
                    <el-menu>
                        <el-submenu index="1">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span slot="title">系统管理</span>
                            </template>
                            <router-link to="/"><el-menu-item index="1-1">首页</el-menu-item></router-link>
                            <router-link to="Table"><el-menu-item index="1-3">站点设置</el-menu-item></router-link>
                            <router-link to="/"><el-menu-item index="1-2">系统设置</el-menu-item></router-link>
                        </el-submenu>
                        <el-submenu index="2">
                            <template slot="title">
                                <i class="el-icon-setting"></i>
                                <span slot="title">用户管理</span>
                            </template>
                            <el-menu-item index="2-1">会员中心</el-menu-item>
                            <el-menu-item index="2-2">选项2</el-menu-item>
                            <el-menu-item index="2-3">选项3</el-menu-item>
                            <el-menu-item index="2-4">选项4</el-menu-item>
                            <el-menu-item index="2-5">选项5</el-menu-item>
                            <el-menu-item index="2-6">选项6</el-menu-item>
                            <el-menu-item index="2-7">选项7</el-menu-item>
                            <el-menu-item index="2-8">选项8</el-menu-item>
                            <el-menu-item index="2-9">选项9</el-menu-item>
                            <el-menu-item index="2-10">选项10</el-menu-item>
                        </el-submenu>
                        <el-submenu index="3">
                            <template slot="title">
                                <i class="el-icon-document"></i>
                                <span slot="title">导航三</span>
                            </template>
                            <el-menu-item index="3-1">选项1</el-menu-item>
                            <el-menu-item index="3-2">选项2</el-menu-item>
                        </el-submenu>
                    </el-menu>
                </el-aside>
            </div>
            <el-main>
                <transition name="fade" mode="out-in">
                    <router-view></router-view>
                </transition>
            </el-main>
        </el-container>
    </el-container>
</template>


<script>
    export default {
        name : 'App'

    };
</script>